import React, { Component } from 'react'
import '../style/App.css'
import TwsLayout from './tws-layout'
import {
  HashRouter as Router,
  Route
} from 'react-router-dom'
import MyDesign from './bootcamp-background'
import Bootcamp from './bootcamp-background/my-design/bootcamp'
import BootcampPreviewList from './bootcamp-background/my-design/bootcamp/bootcamp-preview-list'

export default class App extends Component {
  render () {
    return (
      <Router>
        <TwsLayout>
          <Route exact path='/' component={MyDesign} />
          <Route exact path='/bootcamp/bootcampBackend' component={MyDesign} />
          <Route exact path='/bootcamp/bootcampBackend/:id' component={Bootcamp} />
          <Route path='/bootcamp/bootcampBackend/:id/preview' component={BootcampPreviewList} />
        </TwsLayout>
      </Router>
    )
  }
}
